<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8" />
	<meta name="author" content="Liang wei">
    <meta name="viewport" content="width= device-width , user-scalable=no,initial-scale=1.0" />
	<link rel="stylesheet" href="css/header.css" />
	<link rel="stylesheet" href="css/lunbo.css" />
	<link rel="stylesheet"  href="css/base.css"/>
	<link rel="stylesheet" href="css/index.css" />
	<script type="text/javascript" src="js/lunbo.js" ></script>
	<script type="text/javascript" src="js/jquery-3.1.1.js" ></script>
	<script type="text/javascript" src="js/vue.js" ></script>
	<link rel="stylesheet" href="css/footer.css" />
	
	<style>
	</style>
	</head>
	<body>
		<div>
		<div>
		<header>
				<img src="img/logo.png"  />
				<form class="search" action="">
					<input class="search_text" type="text" placeholder="搜索" />
				</form>				
		</header>
		
		
		
			     <div class="myguanzhu">
       <div class="title"><a href="wode.html"><i class="fa fa-chevron-left"></i></button>我的关注 </a></div> 
          <div class="neirog">
   	         <div class="neirong1" id="neirong1"  style="display: none">
                <div class="mgztp" style="width: 100%; height: 70%;">
                	<img  src="img/1.jpg" width="100%" height="100%"/>
                </div>
   	   	        <div class="mgzn"><a href=>123</a></div>
   	             </div>
   	        
   	          <div class="neirong1" id="neirong2"  style="display: none">
                <div class="mgztp" style="width: 100%; height: 70%;">
                	<img  src="img/1.jpg" width="100%" height="100%"/>
                </div>
   	   	        <div class="mgzn"><a>123</a></div>
   	             </div>
   	             
   	               <div class="neirong1" id="neirong3"  style="display: none">
                <div class="mgztp" style="width: 100%; height: 70%;" >
                	<img  src="img/1.jpg" width="100%" height="100%"/>
                </div>
   	   	        <div class="mgzn"><a>123</a></div>

   	             </div>
   	               <div class="neirong1" id="neirong4"  style="display: none">
                <div class="mgztp" style="width: 100%; height: 70%;">
                	<img  src="img/1.jpg" width="100%" height="100%"/>
                </div>
   	   	        <div class="mgzn"><a>123</a></div>

   	             </div>
   	               <div class="neirong1" id="neirong5"  style="display: none">
                <div class="mgztp" style="width: 100%; height: 70%;">
                	<img  src="img/1.jpg" width="100%" height="100%"/>
                </div>
   	   	        <div class="mgzn"><a>123</a></div>
   	             </div>
   	               <div class="neirong1" id="neirong6"  style="display: none">
                <div class="mgztp" style="width: 100%; height: 70%;">
                	<img  src="img/1.jpg" width="100%" height="100%"/>
                </div>
   	   	        <div class="mgzn"><a>123</a></div>
   	             </div>
   	        
   
       </div>
        </div>
			
	
    	
   </div>
		
     
	
	<!--尾栏-->
	<div class="footer_box">
		
	           <a href="train2.html"><img src="img/步数.png"/>训练</a>     
               <a href="club.html"><img src="img/运动.png"/>俱乐部</a>
               <a href="index.html"><img src="img/设备.png"/>约建</a>
               <a href="showpicture.html"><img src="img/活动.png"/>晒图</a>   
              <a href="wode.html"><img src="img/首页.png"/>我的</a>
  </div>


	<script type="text/javascript" src="js/common.js" ></script>	
	<script>
		
		$(function(){
			var userid=window.localStorage.getItem("userid");
			$.ajax({
		        type : 'GET',
		        dataType : 'jsonp',
		        data : {	          	
		        },
		       url : "http://172.24.10.175/workout/api.php/get/mod/user/id/"+userid+"/related/1/map/fanclub",
		        success : function (data){
		        	console.log(data);	
		        	var arr = data.fanclub;
		        	var len;
		        	
		        	console.log(data);
		        	if (arr.length<=20) {
		        		len = arr.length;
		        	}else if(arr.length>20){
		        		len=20;
		        	}
		        	for(var i=0; i<len; i++){
		        		if(arr[i].thumb!=null){
		        			document.querySelector("#neirong"+(i+1)+" img").src="http://172.24.10.175/workout/Uploads/"+arr[i].thumb;
		        		}	
		        	  	document.querySelector("#neirong"+(i+1)).style.display="block";
					       document.querySelector("#neirong"+(i+1)+" a").innerHTML=arr[i].club_name;
					       document.querySelector("#neirong"+(i+1)+" a").href="julebu1.html?id="+arr[i].id;
				    } 
		        }
		});	
		});
	
	
	</script>	
	</body>

</html>
